<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>饮食健康 - 轻食美食</title>
  <!-- 清除默认的css样式 -->
  <link rel="stylesheet" href="./css/reset.css">
  <!-- 图标和收藏夹图标 -->
  <link rel="icon" href="./img/icon/轻食.icon" type="image/x-icon">
  <link rel="shortcut icon" href="./img/icon/轻食.icon" type="image/x-icon">
  <link rel="stylesheet" href="./bootstrop/css/bootstrap.min.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" href="css/public.css">
  <!-- 插件引入 -->
  <script src="js/jquery.min.js"></script>
  <!-- css/js -->
  <link rel="stylesheet" href="css/eatHealth_demo.css">
  <link rel="stylesheet" href="css/eatHealth.css">
  <script src="js/eatHralth.js"></script>
  <script src="js/publicUser.js"></script>
</head>

<body>
  <!-- 顶部导航栏 public-->
  <div class="index_index">
    <div class="index_container">
      <!-- logo -->
      <a class="index_logo" href="index.html" title="享受美食的拥抱">
        <img src="./img/icon/logo.png" alt="">
        <span>轻食美食</span>
      </a>
      <!-- 目录 -->
      <div class="index_nav">
        <ul class="index_nav_ul">
          <li>
            <a href="index.html">首页</a>
          </li>
          <li>
            <a href="recipe.html">菜谱</a>
          </li>
          <li>
            <a href="eatHealth.html">饮食健康</a>
          </li>
          <li>
            <a href="eatSome.html">今天吃什么</a>
          </li>
        </ul>
      </div>
      <!-- logon、signup -->
      <div class="index_user">
        <!-- 登录 -->
        <ul>
          <li class="index_logon">
            <a href="logon.html">登录</a>
          </li>
          <li class="index_signup">
            <a href="logon.html?value=zhuche">注册</a>
          </li>
        </ul>
        <div class="index_user_headr">
          <a href="javascript:;" class="index_userMe" title="点击查看用户空间">
            <span class="userMe_img">
              <img src="./img/headerImg.jpg" alt="用户" class="img_user">
            </span>
            <span class="userMe_user">轻食用户SaE215</span>
          </a>
          <div class="index_user_exit">
            <ol class="index_userItem">
              <li>
                <a href="javascript:;">进入空间</a>
              </li>
              <li>
                <a href="javascript:;">退出登录</a>
              </li>
            </ol>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 主体 -->
  <main class="health_maga">
    <div class="container">
      <!-- 分类筛选 -->
      <div class="health_select">
        <ul class="health_selectUl">
          <li class="selectUl_item selectUl_itemClick">
            <a href="javascript:;">最新发布</a>
          </li>
          <li class="selectUl_item">
            <a href="javascript:;">饮食常识</a>
          </li>
          <li class="selectUl_item">
            <a href="javascript:;">食疗食补</a>
          </li>
          <li class="selectUl_item">
            <a href="javascript:;">食物档案</a>
          </li>
        </ul>
      </div>
      <!-- 文章列表 -->
      <div class="column_list">
      </div>
    </div>
  </main>




  <!-- 返回顶部 -->
  <div class="index_backTop">
    <a href="javascript:;"></a>
  </div>

  <!-- 底部公共部分 -->
  <footer class="index_footer">
    <ul id="index_bottomul">
      <li>
        <a href="about.html">关于我们</a>
      </li>
      <li>
        <a href="join.html">加入我们</a>
      </li>
      <li>
        <a href="contactme.html">联系我们</a>
      </li>
      <li>
        <a href="https://www.meishij.net/">友情链接</a>
      </li>
      <li>
        <a href="map.html">网站地图</a>
      </li>
    </ul>
    <p>
      <a href="https://beian.miit.gov.cn/">京ICP备14030359号-1</a>/
      <a href="http://www.beian.gov.cn/portal/registerSystemInfo">
        <img src="img/icon/警标.png" alt="警" title="点击搜索备案号">京公网安备021053185
      </a> Copyright ? 2021-2022 MEISHIJ CO.,LTD.
    </p>
  </footer>
</body>

</html>